

(function(){
    //发送ajax请求
    ajax({
      url:"http://localhost:3000/product",//user是服务器中挂载""中的路径名称
      type:"get",
      //data:,
      dataType:"json" //自动JSON.parse()
    })//return Promise
      //  onreadystatechange中: 
      //           result <- 收到服务端的
      //  然后把result放入
      //              ↓
      //      open(result)
      //              ↓
    .then(function(result){
      var pnoAll=Math.ceil(result.count/10) ;//分页总页数
      var result=result.data
      var table=document.createElement("table");
      //var thead=document.createElement("thead");
      //table.appendChild("thead")
      var thead=table.createTHead();

      //var tr=document.createElement("tr");
      //thead.appendChild(tr);
      var tr=thead.insertRow();

        for(var key in result[0]){
         // var th=document.createElement("th") 
          //th.innerHTML=key;
          //thead.appendChild(th)
          tr.insertCell().innerHTML=key;
        }
        tr.insertCell().innerHTML="操作"
        tr.insertCell().innerHTML="操作"
      //console.log(thead);

        var tbody=table.createTBody();
        for(var emp of result){
          //var tr=document.createElement("tr");
          //tbody.appendChild(tr);
          var tr=tbody.insertRow();
          for(var key in emp){
            // var td=document.createElement("td");
            // tr.appendChild(td);
            // td.innerHTML=emp[key];//当前属性的值
            tr.insertCell().innerHTML=emp[key]
          }
          var upDate=document.createElement("button");
          upDate.value="修改"
          var Del=document.createElement("button");
          Del.value="删除"
          tr.insertCell().innerHTML=`<a href="javascript:;">修改</a>`;
          tr.insertCell().innerHTML=`<a href="javascript:;">删除</a>`;
        }
      //console.log(table);
      var product=document.getElementById("product");
      product.appendChild(table);

      //分页
      //下一页  
     
      console.log(pnoAll)
      var lastpageul=document.createElement("ul");
      var lastpage=document.createElement("li");
      lastpage.innerHTML=`<button>上一页</button>`
      lastpageul.appendChild(lastpage)
      for(var i=1;i<=pnoAll;i++){
        var li=document.createElement("li");
        li.innerHTML=`<button>${i}</button>`;//上一页下一页中间一共有多少不同的1，2，3，4，5，6按钮，随后台数据显示，一共几页
        lastpageul.appendChild(li);
      }
      var nextpage=document.createElement('li');
      nextpage.innerHTML=`<button>下一页</button>`
      lastpageul.appendChild(nextpage);
      var paging=document.getElementById("paging");
      var pno=1
      paging.appendChild(lastpageul);
      
      lastpageul. onclick=function(e){//给下面列表绑定点击事件
      if(e.target.nodeName=="BUTTON"){//如果按钮是button的情况下就触发点击事件
        var html=e.target.innerHTML;//html为当前点击节点内容
        //console.log(html);
        if(html=="上一页" & pno>1){pno--;}//如果是上一页并且pno大于1的情况下
        else if(html=="下一页" & pno<pnoAll){pno++;}//如果是下一页 并且pno小于最多页面数的时候；
        else if(html!="下一页"&html!="上一页"){pno=html}//如果不是上一页并且不是下一页的时候，html就为当前节点的内容，
        if(pno>0&&pno<=pnoAll){//只有当pno符合条件的时候才去执行ajax请求
        ajax({
          url:"http://localhost:3000/product?pno="+pno,
          type:"get",
          //data:,
          dataType:"json" 
        }).then(function(result){
            result=result.data
            var table=document.createElement("table");
            //var thead=document.createElement("thead");
            //table.appendChild("thead")
            var thead=table.createTHead();
      
            //var tr=document.createElement("tr");
            //thead.appendChild(tr);
            var tr=thead.insertRow();
      
              for(var key in result[0]){
              // var th=document.createElement("th") 
                //th.innerHTML=key;
                //thead.appendChild(th)
                tr.insertCell().innerHTML=key;
              }
              tr.insertCell().innerHTML="操作"
              tr.insertCell().innerHTML="操作"
            //console.log(thead);
      
              var tbody=table.createTBody();
              for(var emp of result){
                //var tr=document.createElement("tr");
                //tbody.appendChild(tr);
                var tr=tbody.insertRow();
                for(var key in emp){
                  // var td=document.createElement("td");
                  // tr.appendChild(td);
                  // td.innerHTML=emp[key];//当前属性的值
                  tr.insertCell().innerHTML=emp[key]
                }
                var upDate=document.createElement("button");
                upDate.value="修改"
                var Del=document.createElement("button");
                Del.value="删除"
                tr.insertCell().innerHTML=`<a href="javascript:;">修改</a>`;
                tr.insertCell().innerHTML=`<a href="javascript:;">删除</a>`;
              }
            //console.log(table);
            var product=document.getElementById("product");//创建一个table元素节点，内容为当前请求回来页面的数据
            var preProduct=product.children[0]
            product.replaceChild(table,preProduct);//替代之前页面table的内容；
        })
      }
      }
      }
    })
  })();

// add为右上角添加按钮
var add=document.getElementsByClassName("content")[0].children[1].children[0].children[1];

//添加按钮打开添加内容
add.onclick=function(){
  var more=document.getElementsByClassName("more")[0];
  console.log(more);
  more.style.display="block";
}
//关闭添加内容按钮
var x=document.getElementsByClassName("more")[0].children[1];
x.onclick=function(){
  this.parentNode.style.display="none";
}

//添加内容
//找到添加的添加内容a标签
var addbtn=document.getElementsByClassName("more")[0].children[0].lastElementChild;

//当添加的内容没有空白的时候发送ajax请求
addbtn.onclick=function(){
  var pname=document.getElementById("pname").value;
  var blending_rate=document.getElementById("blending_rate").value;
  var elending_rate=document.getElementById("elending_rate").value;
  var debt_maturity=document.getElementById("debt_maturity").value;
  var minlend_money=document.getElementById("debt_maturity").value;
  var family_name=document.getElementById("family_name").value;

  if(family_name==""||minlend_money==""||debt_maturity==""||elending_rate==""||blending_rate==""||pname==""){
    alert("小主，内容不能为空哦");
    return;
  } 
  else{
    var formdata="pname="+pname+"&blending_rate="+blending_rate+"&elending_rate="+elending_rate+"&debt_maturity="+debt_maturity+"&minlend_money="+minlend_money+"&family_name="+family_name
    console.log(formdata);
    ajax({
      url:"http://localhost:3000/product/add",//user是服务器中挂载""中的路径名称
      type:"post",
      data:formdata,
      dataType:"json" //自动JSON.parse()
    })//return Promise             ↓
    .then(function(result){
      if(result=="200"){
        alert("添加成功")
      }
    })
  }
}


//修改内容
//修改内容可以关闭
var Y=document.getElementsByClassName("updateAll")[0].children[1];
Y.onclick=function(){
  this.parentNode.style.display="none";
}


var UP=document.getElementById("product");//改为当前页面id
var updateAll=document.getElementById("updateAll");
var pid=document.getElementById("pid")//改为当前页面隐藏的id
UP.onclick=function(e){
  var elem=e.target
  if(elem.nodeName=="A"&&elem.innerHTML=="修改"){
    updateAll.style.display="block";
    pid.value=elem.parentNode.parentNode.children[0].innerHTML//改为当前页面id
  }else if(elem.nodeName=="A"&&elem.innerHTML=="删除"){
    pid.value=elem.parentNode.parentNode.children[0].innerHTML;//给lbtid传值
    var con=confirm("确定要删除这条信息吗？")//只有当确认要修改之后才会执行ajax语句;
    if(con==true){
        ajax({
              url:"http://localhost:3000/product/del?pid="+pid.value,//user是服务器中挂载""中的路径名称路
              type:"get",
              //data:formdata,
              dataType:"json" //自动JSON.parse()
            })
            .then(function(result){
              if(result=="200"){
                alert("修改成功！！！")
              }
              window.location.reload();
            })
    }   
  }
}
var sure=updateAll.children[0].lastElementChild;
console.log(sure);

sure.onclick=function(){
  var uppid=pid.value;
  //console.log(uppid);
  var uppname=document.getElementById("uppname").value;
  var upblending_rate=document.getElementById("upblending_rate").value;
  var upelending_rate=document.getElementById("upelending_rate").value;
  var updebt_maturity=document.getElementById("updebt_maturity").value;
  var upminlend_money=document.getElementById("updebt_maturity").value;
  var upfamily_name=document.getElementById("upfamily_name").value;
  if(upfamily_name==""||upminlend_money==""||updebt_maturity==""||upelending_rate==""||upblending_rate==""||uppname==""||uppid==""){
    alert("小主，内容不能为空哦");
    return;
  }else{
    var formdata="pname="+uppname+"&blending_rate="+upblending_rate+"&elending_rate="+upelending_rate+"&debt_maturity="+updebt_maturity+"&minlend_money="+upminlend_money+"&family_name="+upfamily_name+"&pid="+uppid
    console.log(formdata);
    confirm("确定要修改"+uppname+"的信息吗？")
    ajax({
      url:"http://localhost:3000/product/update",//user是服务器中挂载""中的路径名称
      type:"post",
      data:formdata,
      dataType:"json" //自动JSON.parse()
    })
    .then(function(result){
      if(result=="200"){
        alert("修改成功！！！")
      }
      window.location.reload();
    })
  } 
}
